toggle(speed, [callback])

Effects/API/jQuery

要素の表示/非表示を、関数が呼び出される度にアニメーション付きで切り替えます。
同時に、アニメーション終了時に呼び出されるコールバック関数を指定することもできます。

アニメーションは、高さ、横幅、透明度が指定された速度で徐々に消えていく形になります。
jQuery1.3からは、各要素の padding や margin の値も同時に変化するようになりました。

サンプル

サンプル1

各p要素をアニメーション付きでtoggleさせます。
処理速度は2000ミリ秒とします。

<button>Toggle 'em</button>
<p>Hiya</p>
<p>Such interesting text, eh?</p>

$("button").click(function () {
  $("p").toggle(2000);
});

[全コードを表示] [実行結果を単体で表示]

サンプル2

各p要素をアニメーション付きでtoggleさせます。
処理速度はslowとします。

<button>Toggle</button>
<p>Hello</p>
<p style="display: none">Good Bye</p>

$("button").click(function () {
  $("p").toggle("slow");
});